import React, { Component } from 'react'
// React的事件并不是原生事件，而是合成事件
// 1.直接在render里写行内的箭头函数 - 常用
// 2.在组件内使用箭头函数定义一个方法 - 常用
// 3.直接在组件内定义一个非箭头函数的方法，然后在render里直接使用`onClick={this.handleClick.bind(this)}`
export default class App extends Component {
  state = { count: 100 }
  handlerClick () { // this指向问题，调用时可以改变this指向
    console.log(this)
    this.setState({
      count: this.state.count + 100
    })
  }
  render() {
    return (
      <div>
        { this.state.count }
        <button onClick = { this.handlerClick.bind(this) }>加100</button>
      </div>
    )
  }
}
